<template>
	<div>
		<ex-dialog width="1200px" class="ex-diolog" title="发放明细" :visible="visible" @closeDialog="handleClose" >
            <div class="listBox_head">
                <export-excel-button  title="发放明细列表" action="/platform/merchant/asset/apply/issue/export" :params="ExportParams" />
            </div>
			<el-table :data="tabelList" v-loading="loading" element-loading-spinner="el-icon-loading"
				element-loading-background="rgba(0, 0, 0, 0.6)" element-loading-text="加载中" stripe border>
				<el-table-column label="序号" align="center" type="index" width="64px" />
				<el-table-column label="商户编号" align="center" prop="merchantId" :show-overflow-tooltip="true"/>
				<el-table-column label="店铺名称" align="center" prop="shopName" :show-overflow-tooltip="true" />
				<el-table-column label="商户账号名称" align="center" prop="merchantName" :show-overflow-tooltip="true" />
				<el-table-column label="发放积分" align="center" prop="issueAmount" :show-overflow-tooltip="true" />
				<el-table-column label="发放时间" align="center" prop="time" :show-overflow-tooltip="true" />
			</el-table>
			<!-- <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="submitForm('form')" :loading="sumitLoading">保存提交</el-button>
                <el-button @click="handleClose">取 消</el-button>
			</div> -->
    </ex-dialog>
	</div>
</template>
  
<script>
import {
    assetApplyIssueInfoList
} from "@/api/integralOperation/integralAirdrop";
import ExportExcelButton from "@/components/ExportExcelButton/index";
export default {
    // dicts: ['asset_card_type'],
    name: "Dialog",
    components: {
        ExportExcelButton
    },
    computed: {
    ExportParams() {
      const params = {
        ...this.queryParams,
      };
      return params;
    },
    },
    props: {
        visible: Boolean,
        id: String,
    },
    data() {
        return {
            sumitLoading: false,
            loading: false,
            title: "发放明细",
            tabelList: [],
            queryParams:{
                applyId:'',//发放申请id
                status:'2',//发放状态 1成功 2失败,发放明细传1,发放积分不用传
            },
        };
    },
    created() {
        this.queryParams.applyId = this.id
        this.getList()
    },
    methods: {
			//获取列表
			getList() {
				assetApplyIssueInfoList(this.queryParams).then(res => {
					this.tabelList = res.result
				})
			},
			//取消
			handleClose(formName) {
				this.$emit('update:visible', false)
			},
			//确认
			handleConfirm() {
				this.$emit('success')
			},
    }
};

</script>
<style scoped>

.listBox_head{
    position: absolute;
    top: 13px;
    left: 120px;
}
</style>
  